<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入boostrap -->
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <!-- 引入动画库 -->
    <link rel="stylesheet" href="./css/animate.min.css" />
    <!-- 引入重置样式文件 -->
    <link rel="stylesheet/less" href="./css/reset.less" />
    <!-- 引入首页的样式 -->
    <link rel="stylesheet/less" href="./css/User.less"/>
</head>
<body>
    <div class="test">
        <div>我的</div>
        <div><img src="images/功能图标-18.png" ></div>
    </div>
    
    <div class="User Name">
        <div class="int">
            <div class="ts"><img src="./images/用户头像.png">家有小小美</div>
            <div><img src="./images/二维码.png">">"</div>
        </div>
        <div></div>
    </div>

    <!-- 导航头 -->
	<div class="Guidance">
		<div class="First">
			<div class="div_1">
				<a href="index.html"><img src="images/下导航头1.png" ></a>
				<p>首页</p>
			</div>
			<div class="div_1">
				<a href="Pets.html"><img src="images/下导航头2.png" ></a>
				<p>宠物圈</p>
			</div>
			<div class="div_1">
				<a href="store.html"><img src="images/下导航头3.png" ></a>
				<p>便利店</p>
			</div>
			<div class="div_1">
				<a href="/User.html"><img src="images/功能图标-我的.png" ></a>
				<p>我的</p>
			</div>
		</div>
	</div>
</body>
</html>
<!-- 引入jquery -->
<script src="./js/jquery.min.js"></script>

<!-- 引入bootstrap -->
<script src="./js/bootstrap.min.js"></script>

<!-- 引入解析less的插件 -->
<script src="./js/less.min.js"></script>

<!-- 引入懒加载的插件 -->
<script src="./js/wow.min.js"></script>